<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>Document</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/goods.css">
</head>

<body>
    <div class="top">
        <ul>
            <li><div class="phone"></div>手机版</li>
            <li>在线客服</li>
            <li>帮助中心</li>
            <li>会员中心</li>
            <li>我的订单</li>
            <li>免费注册</li>
            <li>游客登陆</li>
        </ul>
    </div>
    <div class="header">
        <div class="logo">
            <h1><a href="#" ></a></h1>
        </div>
        <div class="nav">
            <ul>
                <li>首页</li>
                <li>生鲜</li>
                <li>美食</li>
                <li>餐厨</li>
                <li>电器</li>
                <li>居家</li>
                <li>孕婴</li>
                <li>服装</li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <span></span>
        </div>
        <div class="car"></div>

    </div>
    <div class="banner">
        <div class="wrapper">
            <ul>
                <li>
                    <a href="#"><img src=""><img src="images/banner_1.png" ></a>
                </li>
            </ul>
            <div class="aside">
                <ul>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                    <li><a href="#">生鲜<span>水果蔬菜</span></a> </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="goods wrapper">
        <div class="hd">
            <h2>新鲜好物<span>新鲜出路 品质靠谱</span></h2>
            <a href="#">查看全部</a>
        </div>
        <div class="bd ">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/new_goods_1.jpg">
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>889</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/new_goods_2.jpg">
                        <h3>智能环绕3D空调</h3>
                        <div>￥<span>1299</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/new_goods_3.jpg">
                        <h3>广东软软糯米煲仔饭</h3>
                        <div>￥<span>129</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="images/new_goods_4.jpg">
                    <h3>罗西机械智能手表</h3>
                    <div>￥<span>3399</span></div>
                </a></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="wr">
            <div class="top1">
                <ul>
                    <li>
                        <span>价格亲民</span>
                    </li>
                    <li>
                        <span>物流快捷</span>
                    </li>
                    <li>
                        <span>品质新鲜</span>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <p>
                    <a href="#">关于我们</a> |
                    <a href="#">帮助中心</a> |
                    <a href="#">售后服务</a> |
                    <a href="#">配送与验收</a> |
                    <a href="#">商务合作</a> |
                    <a href="#">搜索推荐</a> |
                    <a href="#">友情链接</a>
                </p>
                <P>
                    <a href="#">CopyeRight@小兔鲜儿</a>
                </P>
            </div>
        </div>
    </div>
</body>

</html>